

import './time-word.less';

type IntriProps = {
    color: string,
    selectData: Array<any>,
    isFor: boolean
};
const TimeWord: React.FC<IntriProps> = (props) => {
    return (
        <div>
            {
                <div className={`time_word_style ${props.color === '#ffffff' && 'white'}`} style={{ background: props.color }}>
                    <div className={`time_word_style_card time_word_style_top ${props.isFor ? 'three' : 'tow'} ${props.color === '#ffffff' && 'white'}`}>
                        {
                            props.selectData.map((item, index) => (
                                <div key={index} className='word-list'>
                                    <div className='word-list-content'>
                                        <h4>{item.time}</h4>
                                        <p>{item.name}</p>
                                    </div>
                                </div>
                            ))
                        }
                    </div>
                </div>
            }
        </div>

    )
}
export default TimeWord